<template>
  <el-row :gutter="12">
    <el-col v-for="news in newsList"  :key="news.id" :span="12" >
      <el-card>
        <nuxt-link :to="`/home/news-${news.id}`">
          <img :src="news.thumbnail"/>
        </nuxt-link>
      </el-card>
    </el-col>
  </el-row>
</template>
<script setup lang="ts">
  const newsList = [
    {title:'政治理论参考', thumbnail:"/test1.png", id:1},
    {title:'信息参考', thumbnail:"/test2.png", id:2},
    {title:'专属研究资源',thumbnail:"/test3.png", id:3},
    {title:'期刊目录',thumbnail:"/test4.png", id:4}]
</script>
<style scoped>
.el-card {
  height: 280px;
  margin-bottom: 12px;
}
</style>